<!--
 * @Author: yangzr 1076420747@qq.com
 * @Date: 2023-03-20 14:24:01
 * @LastEditors: yangzr 1076420747@qq.com
 * @LastEditTime: 2023-04-18 14:16:56
 * @FilePath: \ktgj-crm\src\views\orders\hotelorder.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <el-table
      border
      :data="message"
      size="mini"
      :header-cell-style="{
        color: '#fff',
        background: '#6090EC',
        fontSize: '11px',
        fontWeight: 'normal',
      }"
      style="width: 100%"
    >
      <el-table-column prop="orderNumber" label="订单号"> </el-table-column>
      <el-table-column prop="hotelName" label="酒店名称" width="190">
      </el-table-column>
      <el-table-column prop="createTime" label="预定时间" width="190">
      </el-table-column>
      <el-table-column prop="contactsName" label="预定人名称" width="190">
      </el-table-column>
      <el-table-column prop="checkInTime" label="入住时间" width="190">
      </el-table-column>
      <el-table-column prop="leaveTime" label="离店时间" width="190">
      </el-table-column>
      <el-table-column prop="orderStatusId" label="状态" width="190">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: ["message"],
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>

<style scoped>
</style>